@charset "UTF-8";
	#logo{
		background:url(../images/22.png) no-repeat;
		display: block;
		width: 181px;
		height: 94px;			
		background-size: auto 54px;
		transition: all 0.7s;												
	}
	#my-menu ul li{
		font-size: 18px;
		padding-left: 30px;
	}
	#my-menu ul li a{
		text-align: center;
		width: 70px;
		height: 50px;
	}
	#my-menu ul li:after{
		content: "";
		position: absolute;
		background:red;
		width: 40px;
		height: 2px;
		left: 45px;
		opacity: 0;
	}
	#my-menu ul li:hover:after{
		transform: translateY(-5px);
		opacity: 1;
		transition: all 0.7s;
	}
	#my-menu .navbar-nav{
		transition: all 0.7s;
	}
	#my-menu ul li a:hover{
		color: red;
	}
@media (min-width: 323px) and (max-width: 786px) {
		#logo{
		background:url(../images/22.png) no-repeat;
		display: block;
		width: 181px;
		height: 44px;			
		background-size: auto 35px;
		text-align: center;
		margin-top: 10px;
		margin-left: 50px;													
	}
	}
	.wrapper .page1 .custom ul li img{
		width: 410px;
		height: 266px;
	}
	header.headerStyle #logo{
		display: block;
		width: 181px;
		height: 39px;
		background: url(../images/22.png) no-repeat;
		background-size:  auto 39px;
		margin-left: -80px;
		transition: all 0.7s;
	}								
	header.headerStyle .navbar-nav{
		margin-right: -90px;
		transition: all 0.7s;
	}
	header.headerStyle #my-menu ul li:after{
		width: 40px;
		height: 2px;
		display: block;
		position: absolute;
		content: "";						
		bottom: -14px;
	}
	header.headerStyle #my-menu ul li:hover:after{					
		background: red;
	}
	header.headerStyle #my-menu ul li:hover{
		color: red;
	}
	div.wrapper{
		background:#f8f8f8;
		height: 1180px;
	}
	.wrapper .page1 ul li a{
		list-style-type: none;
		color: white;
	}
	.wrapper .page1 ul li div{
		position: absolute;
		top: 90px;
		left: 160px;
		text-align: center;
	}
	.wrapper .page1 ul li div p,h3{
		opacity: 0;
	}
	.wrapper .page1 ul li div p{
		border-top: 1px solid white;
	}
	.wrapper .page1 ul li div p.case1{
		opacity: 1;		
		transition: all 0.7s;
		transform: translateY(-5px);
	}
	.wrapper .page1 ul li div h3.case2{
		opacity: 1;
		transition: all 0.7s;
		transform: translateY(5px);
	}
	footer .container-fluid{
		width: 100%;
		height: 100px;
		background: #323538;
	}
	footer #zhong4 ul{
		margin-top: 40px;
	}
	footer #zhong4 ul a{		
		text-decoration: none;
		color: #858585;
	}
	footer #zhong4 ul a:hover{
		color: #666;
	}